<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../public/css/element-ui.css">
    <title>Title</title>
</head>
<body>
    <div id="app">

    </div>
</body>
<script src="../../public/js/recorder.js"></script>
<script src="../../public/js/utils.js"></script>
<script src="../../public/js/vue.js"></script>
<script src="../../public/js/element-ui.js"></script>
<script type="module">
    import global from '../../public/js/global.js'
    Vue.prototype.$global = global
    new Vue({
        el:"#app",
        data:()=>{
            return {
                path:"ws://192.168.217.146:9502/ws",
                socket:""
            }
        },
        created() {

        },
        methods:{
            init: function () {
                if(typeof(WebSocket) === "undefined"){
                    alert("您的浏览器不支持socket")
                }else{
                    // 实例化socket
                    this.socket = new WebSocket(this.path)
                    // 监听socket连接
                    this.socket.onopen = this.open
                    // 监听socket错误信息
                    this.socket.onerror = this.error
                    // 监听socket消息
                    this.socket.onmessage = this.getMessage
                }
            },
            open: function () {
                console.log("socket连接成功")
                console.log(this.socket.readyState)
                this.send(JSON.stringify({
                    event: 'receiveMsg',
                    sessionParam: {
                        sid: '111111',
                        dwa: 'wpgs',
                        eos: 750,
                        rate: '8k',
                    }
                }))
            },
            error: function () {
                console.log("连接错误")
            },
            getMessage: function (msg) {
                console.log(msg.data)
            },
            send: function (params) {
                this.socket.send(params)
            },
            close: function () {
                console.log("socket已经关闭")
            }
        },
        destroyed () {
            // 销毁监听
            this.socket.onclose = this.close
        },
        mounted() {
            // 初始化
            this.init()

        }
    })
</script>
</html>